<!-- 推荐文章 -->
<div class="sidebar-card">
    <div class="card-header">
        <h3 class="widget-title">推荐文章</h3>
        <a href="#" class="widget-link">更多文章</a>
    </div>
    <div class="widget-content">
        <div class="article-item">
            <h4 class="article-title">如何利用周末时间提升个人技能</h4>
            <div class="article-meta">
                <div class="article-author">
                    <img src="https://picsum.photos/100/100?random=301" alt="作者头像" class="author-avatar">
                    <span>生活达人</span>
                </div>
                <span class="article-separator">•</span>
                <span>3天前</span>
            </div>
        </div>
        <div class="article-item">
            <h4 class="article-title">数字游民指南：如何在旅行中保持高效工作</h4>
            <div class="article-meta">
                <div class="article-author">
                    <img src="https://picsum.photos/100/100?random=302" alt="作者头像" class="author-avatar">
                    <span>远程工作者</span>
                </div>
                <span class="article-separator">•</span>
                <span>1周前</span>
            </div>
        </div>
        <div class="article-item">
            <h4 class="article-title">城市园林设计中的生态理念与实践</h4>
            <div class="article-meta">
                <div class="article-author">
                    <img src="https://picsum.photos/100/100?random=303" alt="作者头像" class="author-avatar">
                    <span>景观设计师</span>
                </div>
                <span class="article-separator">•</span>
                <span>2周前</span>
            </div>
        </div>
    </div>
</div>
